<template>
  <!-- 每条内容的左侧复选框 -->
  <input
    type="checkbox"
    :checked="item.completed"
    @click="todoCheck(item.id)"
  />
</template>

<script>
export default {
  name: "TodoCheck",
  props: ["item"],
  methods: {
    // 点击复选框 拿到父组件传入的id
    todoCheck(id) {
      //因为子组件没有办法操作todolist
      //向父组件发送事件并传入id
      //希望把todoCheck传到TodoList组件
      this.$emit("todoCheck", id);
    },
  },
};
</script>